<div class="header-tab" id="app_header">
  <div class="Swipe-tab Swipe-tab_2 f-cb">
    <div class="flex-around">
      <a href="javascript:;" :class="tab_1_class" @click.prevent="tabSwitch(0)"></a>
      <a href="javascript:;" :class="tab_2_class" @click.prevent="tabSwitch(1)"></a>
    </div>
    <div class="flex-around">
      <!-- <i :style="{transitionDuration: header_duration + 's', transform:translate3d(header_position,0px,0px)}"></i> -->
      <i :style="{transitionDuration: header_duration + 's', transform: 'translate3d('+header_position+'px,0px,0px)'}"></i>
      <i></i>
    </div>
  </div>
  <em class="header-user"></em>
  <em class="header-checkin"></em>
</div>
